<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>webtrees - view webtree `{{ name }}'</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="static/js/default.js"></script>
    <script src="static/js/jquery.jstree.js"></script>
<!--    <link rel="stylesheet" href="static/css/default.css"> -->
    <link rel="icon" href="static/images/favicon.png" type="image/png">
  </head>

  <body>

    <nav>
      <p>
	{{html_mainmenu}}
	<span id="sitebar">
	  [<a href="http://webtrees69.googlecode.com/">source</a>] 
	  [<a href="{{auth_url}}">{{auth_text}}</a>]
	</span>
      </p>

      <hr>
    </nav>

    <!-- BEGIN BLOCK 'body' -->


<h3>View webtree `{{ name }}'</h3>

<p>
  <div>Content:</div>
  <div><i>{{ contents }} </i></div>
</p>

<p>
  <div>jsTree:</div>
  <div>
    <div id="the_tree"></div>
    <script>
      $("#the_tree").jstree({
      "json_data" : {
      "data" : [
      {
      "data" : "A node",
      "children" : [ "Child 1", "Child 2" ]
      },
      {
      "attr" : { "id" : "li.node.id" },
                          "data" : {
      "title" : "Long format demo",
      "attr" : { "href" : "#" }
      }
      }
      ]
      },
      "plugins" : [ "themes", "json_data" ]      
      });
    </script>
  </div>
</p>


    <!-- END BLOCK 'body' -->

    <nav>
      <hr>
    </nav>

  </body>
</html>

